<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>我是顶部</h1>
    <hr>

    <p>我是 1 line</p>
    <p>我是 2 line</p>
    <p>我是 3 line</p>
    <p>我是 4 line</p>
    <p>我是 5 line</p>
    <p>我是 6 line</p>
    <p>我是 7 line</p>
    <p>我是 8 line</p>
    <p>我是 9 line</p>
    <p>我是 10 line</p>
    <p>我是 11 line</p>
    <p>我是 12 line</p>
    <p>我是 13 line</p>
    <p>我是 14 line</p>
    <p>我是 15 line</p>
    <p>我是 16 line</p>
    <p>我是 17 line</p>
    <p>我是 18 line</p>
    <p>我是 19 line</p>
    <p>我是 20 line</p>
    <p>我是 21 line</p>
    <p>我是 22 line</p>
    <p>我是 23 line</p>
    <p>我是 24 line</p>
    <p>我是 25 line</p>
    <p>我是 26 line</p>
    <p>我是 27 line</p>
    <p>我是 28 line</p>
    <p>我是 29 line</p>
    <p>我是 30 line</p>
    <p>我是 31 line</p>
    <p>我是 32 line</p>
    <p>我是 33 line</p>
    <p>我是 34 line</p>
    <p>我是 35 line</p>
    <p>我是 36 line</p>
    <p>我是 37 line</p>
    <p>我是 38 line</p>
    <p>我是 39 line</p>
    <p>我是 40 line</p>
    <p>我是 41 line</p>
    <p>我是 42 line</p>
    <p>我是 43 line</p>
    <p>我是 44 line</p>
    <p>我是 45 line</p>
    <p>我是 46 line</p>
    <p>我是 47 line</p>
    <p>我是 48 line</p>
    <p>我是 49 line</p>
    <p>我是 50 line</p>
    <p>我是 51 line</p>
    <p>我是 52 line</p>
    <p>我是 53 line</p>
    <p>我是 54 line</p>
    <p>我是 55 line</p>
    <p>我是 56 line</p>
    <p>我是 57 line</p>
    <p>我是 58 line</p>
    <p>我是 59 line</p>
    <p>我是 60 line</p>
    <p>我是 61 line</p>
    <p>我是 62 line</p>
    <p>我是 63 line</p>
    <p>我是 64 line</p>
    <p>我是 65 line</p>
    <p>我是 66 line</p>
    <p>我是 67 line</p>
    <p>我是 68 line</p>
    <p>我是 69 line</p>
    <p>我是 70 line</p>
    <p>我是 71 line</p>
    <p>我是 72 line</p>
    <p>我是 73 line</p>
    <p>我是 74 line</p>
    <p>我是 75 line</p>
    <p>我是 76 line</p>
    <p>我是 77 line</p>
    <p>我是 78 line</p>
    <p>我是 79 line</p>
    <p>我是 80 line</p>
    <p>我是 81 line</p>
    <p>我是 82 line</p>
    <p>我是 83 line</p>
    <p>我是 84 line</p>
    <p>我是 85 line</p>
    <p>我是 86 line</p>
    <p>我是 87 line</p>
    <p>我是 88 line</p>
    <p>我是 89 line</p>
    <p>我是 90 line</p>
    <p>我是 91 line</p>
    <p>我是 92 line</p>
    <p>我是 93 line</p>
    <p>我是 94 line</p>
    <p>我是 95 line</p>
    <p>我是 96 line</p>
    <p>我是 97 line</p>
    <p>我是 98 line</p>
    <p>我是 99 line</p>
    <p>我是 100 line</p>
    <p>我是 101 line</p>
    <p>我是 102 line</p>
    <p>我是 103 line</p>
    <p>我是 104 line</p>
    <p>我是 105 line</p>
    <p>我是 106 line</p>
    <p>我是 107 line</p>
    <p>我是 108 line</p>
    <p>我是 109 line</p>
    <p>我是 110 line</p>
    <p>我是 111 line</p>
    <p>我是 112 line</p>
    <p>我是 113 line</p>
    <p>我是 114 line</p>
    <p>我是 115 line</p>
    <p>我是 116 line</p>
    <p>我是 117 line</p>
    <p>我是 118 line</p>
    <p>我是 119 line</p>
    <p>我是 120 line</p>
    <p>我是 121 line</p>
    <p>我是 122 line</p>
    <p>我是 123 line</p>
    <p>我是 124 line</p>
    <p>我是 125 line</p>
    <p>我是 126 line</p>
    <p>我是 127 line</p>
    <p>我是 128 line</p>
    <p>我是 129 line</p>
    <p>我是 130 line</p>
    <p>我是 131 line</p>
    <p>我是 132 line</p>
    <p>我是 133 line</p>
    <p>我是 134 line</p>
    <p>我是 135 line</p>
    <p>我是 136 line</p>
    <p>我是 137 line</p>
    <p>我是 138 line</p>
    <p>我是 139 line</p>
    <p>我是 140 line</p>
    <p>我是 141 line</p>
    <p>我是 142 line</p>
    <p>我是 143 line</p>
    <p>我是 144 line</p>
    <p>我是 145 line</p>
    <p>我是 146 line</p>
    <p>我是 147 line</p>
    <p>我是 148 line</p>
    <p>我是 149 line</p>
    <p>我是 150 line</p>
    <p>我是 151 line</p>
    <p>我是 152 line</p>
    <p>我是 153 line</p>
    <p>我是 154 line</p>
    <p>我是 155 line</p>
    <p>我是 156 line</p>
    <p>我是 157 line</p>
    <p>我是 158 line</p>
    <p>我是 159 line</p>
    <p>我是 160 line</p>
    <p>我是 161 line</p>
    <p>我是 162 line</p>
    <p>我是 163 line</p>
    <p>我是 164 line</p>
    <p>我是 165 line</p>
    <p>我是 166 line</p>
    <p>我是 167 line</p>
    <p>我是 168 line</p>
    <p>我是 169 line</p>
    <p>我是 170 line</p>
    <p>我是 171 line</p>
    <p>我是 172 line</p>
    <p>我是 173 line</p>
    <p>我是 174 line</p>
    <p>我是 175 line</p>
    <p>我是 176 line</p>
    <p>我是 177 line</p>
    <p>我是 178 line</p>
    <p>我是 179 line</p>
    <p>我是 180 line</p>
    <p>我是 181 line</p>
    <p>我是 182 line</p>
    <p>我是 183 line</p>
    <p>我是 184 line</p>
    <p>我是 185 line</p>
    <p>我是 186 line</p>
    <p>我是 187 line</p>
    <p>我是 188 line</p>
    <p>我是 189 line</p>
    <p>我是 190 line</p>
    <p>我是 191 line</p>
    <p>我是 192 line</p>
    <p>我是 193 line</p>
    <p>我是 194 line</p>
    <p>我是 195 line</p>
    <p>我是 196 line</p>
    <p>我是 197 line</p>
    <p>我是 198 line</p>
    <p>我是 199 line</p>
    <p>我是 200 line</p>
    <p>我是 201 line</p>
    <p>我是 202 line</p>
    <p>我是 203 line</p>
    <p>我是 204 line</p>
    <p>我是 205 line</p>
    <p>我是 206 line</p>
    <p>我是 207 line</p>
    <p>我是 208 line</p>
    <p>我是 209 line</p>
    <p>我是 210 line</p>
    <p>我是 211 line</p>
    <p>我是 212 line</p>
    <p>我是 213 line</p>
    <p>我是 214 line</p>
    <p>我是 215 line</p>
    <p>我是 216 line</p>
    <p>我是 217 line</p>
    <p>我是 218 line</p>
    <p>我是 219 line</p>
    <p>我是 220 line</p>
    <p>我是 221 line</p>
    <p>我是 222 line</p>
    <p>我是 223 line</p>
    <p>我是 224 line</p>
    <p>我是 225 line</p>
    <p>我是 226 line</p>
    <p>我是 227 line</p>
    <p>我是 228 line</p>
    <p>我是 229 line</p>
    <p>我是 230 line</p>
    <p>我是 231 line</p>
    <p>我是 232 line</p>
    <p>我是 233 line</p>
    <p>我是 234 line</p>
    <p>我是 235 line</p>
    <p>我是 236 line</p>
    <p>我是 237 line</p>
    <p>我是 238 line</p>
    <p>我是 239 line</p>
    <p>我是 240 line</p>
    <p>我是 241 line</p>
    <p>我是 242 line</p>
    <p>我是 243 line</p>
    <p>我是 244 line</p>
    <p>我是 245 line</p>
    <p>我是 246 line</p>
    <p>我是 247 line</p>
    <p>我是 248 line</p>
    <p>我是 249 line</p>
    <p>我是 250 line</p>
    <p>我是 251 line</p>
    <p>我是 252 line</p>
    <p>我是 253 line</p>
    <p>我是 254 line</p>
    <p>我是 255 line</p>
    <p>我是 256 line</p>
    <p>我是 257 line</p>
    <p>我是 258 line</p>
    <p>我是 259 line</p>
    <p>我是 260 line</p>
    <p>我是 261 line</p>
    <p>我是 262 line</p>
    <p>我是 263 line</p>
    <p>我是 264 line</p>
    <p>我是 265 line</p>
    <p>我是 266 line</p>
    <p>我是 267 line</p>
    <p>我是 268 line</p>
    <p>我是 269 line</p>
    <p>我是 270 line</p>
    <p>我是 271 line</p>
    <p>我是 272 line</p>
    <p>我是 273 line</p>
    <p>我是 274 line</p>
    <p>我是 275 line</p>
    <p>我是 276 line</p>
    <p>我是 277 line</p>
    <p>我是 278 line</p>
    <p>我是 279 line</p>
    <p>我是 280 line</p>
    <p>我是 281 line</p>
    <p>我是 282 line</p>
    <p>我是 283 line</p>
    <p>我是 284 line</p>
    <p>我是 285 line</p>
    <p>我是 286 line</p>
    <p>我是 287 line</p>
    <p>我是 288 line</p>
    <p>我是 289 line</p>
    <p>我是 290 line</p>
    <p>我是 291 line</p>
    <p>我是 292 line</p>
    <p>我是 293 line</p>
    <p>我是 294 line</p>
    <p>我是 295 line</p>
    <p>我是 296 line</p>
    <p>我是 297 line</p>
    <p>我是 298 line</p>
    <p>我是 299 line</p>
    <p>我是 300 line</p>
    <p>我是 301 line</p>
    <p>我是 302 line</p>
    <p>我是 303 line</p>
    <p>我是 304 line</p>
    <p>我是 305 line</p>
    <p>我是 306 line</p>
    <p>我是 307 line</p>
    <p>我是 308 line</p>
    <p>我是 309 line</p>
    <p>我是 310 line</p>
    <p>我是 311 line</p>
    <p>我是 312 line</p>
    <p>我是 313 line</p>
    <p>我是 314 line</p>
    <p>我是 315 line</p>
    <p>我是 316 line</p>
    <p>我是 317 line</p>
    <p>我是 318 line</p>
    <p>我是 319 line</p>
    <p>我是 320 line</p>
    <p>我是 321 line</p>
    <p>我是 322 line</p>
    <p>我是 323 line</p>
    <p>我是 324 line</p>
    <p>我是 325 line</p>
    <p>我是 326 line</p>
    <p>我是 327 line</p>
    <p>我是 328 line</p>
    <p>我是 329 line</p>
    <p>我是 330 line</p>
    <p>我是 331 line</p>
    <p>我是 332 line</p>
    <p>我是 333 line</p>
    <p>我是 334 line</p>
    <p>我是 335 line</p>
    <p>我是 336 line</p>
    <p>我是 337 line</p>
    <p>我是 338 line</p>
    <p>我是 339 line</p>
    <p>我是 340 line</p>
    <p>我是 341 line</p>
    <p>我是 342 line</p>
    <p>我是 343 line</p>
    <p>我是 344 line</p>
    <p>我是 345 line</p>
    <p>我是 346 line</p>
    <p>我是 347 line</p>
    <p>我是 348 line</p>
    <p>我是 349 line</p>
    <p>我是 350 line</p>
    <p>我是 351 line</p>
    <p>我是 352 line</p>
    <p>我是 353 line</p>
    <p>我是 354 line</p>
    <p>我是 355 line</p>
    <p>我是 356 line</p>
    <p>我是 357 line</p>
    <p>我是 358 line</p>
    <p>我是 359 line</p>
    <p>我是 360 line</p>
    <p>我是 361 line</p>
    <p>我是 362 line</p>
    <p>我是 363 line</p>
    <p>我是 364 line</p>
    <p>我是 365 line</p>
    <p>我是 366 line</p>
    <p>我是 367 line</p>
    <p>我是 368 line</p>
    <p>我是 369 line</p>
    <p>我是 370 line</p>
    <p>我是 371 line</p>
    <p>我是 372 line</p>
    <p>我是 373 line</p>
    <p>我是 374 line</p>
    <p>我是 375 line</p>
    <p>我是 376 line</p>
    <p>我是 377 line</p>
    <p>我是 378 line</p>
    <p>我是 379 line</p>
    <p>我是 380 line</p>
    <p>我是 381 line</p>
    <p>我是 382 line</p>
    <p>我是 383 line</p>
    <p>我是 384 line</p>
    <p>我是 385 line</p>
    <p>我是 386 line</p>
    <p>我是 387 line</p>
    <p>我是 388 line</p>
    <p>我是 389 line</p>
    <p>我是 390 line</p>
    <p>我是 391 line</p>
    <p>我是 392 line</p>
    <p>我是 393 line</p>
    <p>我是 394 line</p>
    <p>我是 395 line</p>
    <p>我是 396 line</p>
    <p>我是 397 line</p>
    <p>我是 398 line</p>
    <p>我是 399 line</p>
    <p>我是 400 line</p>
    <p>我是 401 line</p>
    <p>我是 402 line</p>
    <p>我是 403 line</p>
    <p>我是 404 line</p>
    <p>我是 405 line</p>
    <p>我是 406 line</p>
    <p>我是 407 line</p>
    <p>我是 408 line</p>
    <p>我是 409 line</p>
    <p>我是 410 line</p>
    <p>我是 411 line</p>
    <p>我是 412 line</p>
    <p>我是 413 line</p>
    <p>我是 414 line</p>
    <p>我是 415 line</p>
    <p>我是 416 line</p>
    <p>我是 417 line</p>
    <p>我是 418 line</p>
    <p>我是 419 line</p>
    <p>我是 420 line</p>
    <p>我是 421 line</p>
    <p>我是 422 line</p>
    <p>我是 423 line</p>
    <p>我是 424 line</p>
    <p>我是 425 line</p>
    <p>我是 426 line</p>
    <p>我是 427 line</p>
    <p>我是 428 line</p>
    <p>我是 429 line</p>
    <p>我是 430 line</p>
    <p>我是 431 line</p>
    <p>我是 432 line</p>
    <p>我是 433 line</p>
    <p>我是 434 line</p>
    <p>我是 435 line</p>
    <p>我是 436 line</p>
    <p>我是 437 line</p>
    <p>我是 438 line</p>
    <p>我是 439 line</p>
    <p>我是 440 line</p>
    <p>我是 441 line</p>
    <p>我是 442 line</p>
    <p>我是 443 line</p>
    <p>我是 444 line</p>
    <p>我是 445 line</p>
    <p>我是 446 line</p>
    <p>我是 447 line</p>
    <p>我是 448 line</p>
    <p>我是 449 line</p>
    <p>我是 450 line</p>
    <p>我是 451 line</p>
    <p>我是 452 line</p>
    <p>我是 453 line</p>
    <p>我是 454 line</p>
    <p>我是 455 line</p>
    <p>我是 456 line</p>
    <p>我是 457 line</p>
    <p>我是 458 line</p>
    <p>我是 459 line</p>
    <p>我是 460 line</p>
    <p>我是 461 line</p>
    <p>我是 462 line</p>
    <p>我是 463 line</p>
    <p>我是 464 line</p>
    <p>我是 465 line</p>
    <p>我是 466 line</p>
    <p>我是 467 line</p>
    <p>我是 468 line</p>
    <p>我是 469 line</p>
    <p>我是 470 line</p>
    <p>我是 471 line</p>
    <p>我是 472 line</p>
    <p>我是 473 line</p>
    <p>我是 474 line</p>
    <p>我是 475 line</p>
    <p>我是 476 line</p>
    <p>我是 477 line</p>
    <p>我是 478 line</p>
    <p>我是 479 line</p>
    <p>我是 480 line</p>
    <p>我是 481 line</p>
    <p>我是 482 line</p>
    <p>我是 483 line</p>
    <p>我是 484 line</p>
    <p>我是 485 line</p>
    <p>我是 486 line</p>
    <p>我是 487 line</p>
    <p>我是 488 line</p>
    <p>我是 489 line</p>
    <p>我是 490 line</p>
    <p>我是 491 line</p>
    <p>我是 492 line</p>
    <p>我是 493 line</p>
    <p>我是 494 line</p>
    <p>我是 495 line</p>
    <p>我是 496 line</p>
    <p>我是 497 line</p>
    <p>我是 498 line</p>
    <p>我是 499 line</p>
    <p>我是 500 line</p>


    <button onclick="window.scrollTo(0,0)">TOP</button>

    <button onclick="window.scrollBy(0, -300)">回滚300</button>
    <button onclick="gotoTop()">回顶部</button>

    <script>
        function gotoTop() {
            var top = document.body.scrollTop || document.documentElement.scrollTop;
            // consloe.log(top);
            window.scrollBy(0, -100);
            if (top <= 0) return;
            setTimeout(gotoTop, 1);
        }
    </script>
</body>
</html>